<template>
	<div :class="[[prefixCls+'-dropdown-menu'], 'slide-down']">
		<ul>
			<li v-for="(item,index) in data" :class="[prefixCls+'-dropdown-item']" @click="handleClick(index)">{{item.innerHTML}}</li>
		</ul>
	</div>
</template>

<script>
import { prefixCls } from '../prefix'
export default {
    props:['title','content'],
    data: function() {
        return {
        	prefixCls: prefixCls,
        	data:this.content
        }
    },
	methods:{
		handleClick(index){
			this.data[index].click()
		},
	},
}
</script>